<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>成都小风车科技有限公司</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <script src="bootstrap/js/jquery-3.3.1.js"></script>
    <script src="bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_803308_5vcsrkttjc7.css">
    <link rel="stylesheet" href="css/index.css">
    <style>
    </style>    
</head>
<body>
    <!-- 导航开始 -->
    <nav class="navbar navbar-default center" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="navbar-brand logo" >
                <img src="images/logo.png" alt="小风车">
            </div>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <ul class="nav navbar-nav">
            </ul>
            <!-- <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form> -->
            <ul class="nav navbar-nav navbar-right">
                <li><a href="index.html">
                    <i class="iconfont icon-fangzi home"></i>
                    <span>网站首页</span> 
                </a></li>
                <li><a href="#support">服务与支持</a></li>
                <li><a href="#show">产品展示</a></li>
                <li><a href="#customer">客户</a></li>
                <li><a href="#us">关于我们</a></li>
                <li><a href="#">
                    <img src="images/logo-msg.png" alt="二维码">
                </a></li>
                <!-- <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li> -->
            </ul>
        </div><!-- /.navbar-collapse -->
    </nav>
    <!-- 导航结束 -->

    <!-- 服务与支持开始 -->
       <div class="server center row">
           <h1 id="support">服务与支持</h1>
           <div class="line center"></div>
           <div class="col-xs-12 col-sm-6 col-md-2">
            <span>
                <img src="images/serve1.png" alt="">
                <h3>系统集成</h3>
                <p>低成本的、高效率的<br>性能匀称的<br>可扩充性、可维护</p>
            </span>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-2">
            <span>
                <img src="images/serve2.png" alt="">
                <h3>APP应用开发</h3>
                <p>iOS、Andriod<br>抢占商机、清新美观<br>体验感强、成本低廉</p>
            </span>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-2">           
            <span>
                <img src="images/serve3.png" alt="">
                <h3>网站开发</h3>
                <p>HTML5+CSS3+JAVA(PHP)<br>美观大方，完美体验<br>安全性能高</p>
            </span>
            </div> 
            <div class="col-xs-12 col-sm-6 col-md-2">   
            <span>
                <img src="images/serve4.png" alt="">
                <h3>企业应用</h3>
                <p>功能全面，界面美观<br>安全性能高<br>无缝对接的后期维护</p>
            </span>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-2">   
            <span>
                <img src="images/serve5.png" alt="">
                <h3>CRM</h3>
                <p>客户资源、客户关系<br>客户数据<br>客户关怀等管理维护</p>
            </span>	
            </div>
        </div> 
    <!-- 服务与支持结束 -->

    <!-- 产品展示开始 -->
    <div class="product-bg">
        <div class="product center row">
            <h1 id="show">产品展示</h1>
            <div class="line-2 center"></div>
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="product-2">
                    <img src="images/product-app1.png" alt="">
                    <p>爱鲜生</p>
                    <i>电商APP应用开发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
                </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="product-2">
                    <img src="images/product-com4.jpg" alt="">
                    <p>温江规划局</p>
                    <i>政府应用开发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
                </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4">           
                <div class="product-2">
                    <img src="images/product-com2.png" alt="">
                    <p>销售助手管理平台</p>
                    <i>运营商应用开发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
                </div>
                </div> 
                <div class="col-xs-12 col-sm-6 col-md-4">   
                <div class="product-2">
                    <img src="images/product-com5.jpg" alt="">
                    <p>雅安科技馆</p>
                    <i>网站/微信/呼叫中心建设&nbsp;&nbsp;&nbsp;</i>
                </div>
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4">   
                <div class="product-2">
                    <img src="images/product-web3.png" alt="">
                    <p>中丹环保环保管家系统</p>
                    <i>一站式环保综合服务平台</i>
                </div>	
                </div>
                <div class="col-xs-12 col-sm-6 col-md-4">   
                <div class="product-2">
                    <img src="images/product-we1.png" alt="">
                    <p>国网乐山人资互动平台</p>
                    <i>微信公众号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</i>
                </div>	
                </div>
            </div> 
        </div>
    </div>
    <!-- 产品展示结束 -->

    <!-- 客户开始 -->
        <div class="brand center row">
            <h1 id="customer">我们的客户</h1>
            <div class="line-3 center"></div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="brand-2">
                    <img src="images/client2.png" alt="">
                </div>
                </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
            <div class="brand-2">
                <img src="images/client7.png" alt="">
            </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">           
            <div class="brand-2">
                <img src="images/client6.png" alt="">
            </div>
            </div> 
            <div class="col-xs-12 col-sm-6 col-md-3">   
            <div class="brand-2">
                <img src="images/client5.png" alt="">
            </div>
            </div>
        </div>
    <!-- 客户结束 -->

    <!-- 关于我们开始 -->
        <div class=" col-xs-12 col-sm-12 col-md-12 center about row">
            <!-- <img src="images/about-bg.jpg" alt="关于我们"> -->
            <h1 id="us">关于我们</h1>
            <div class="line-4 center"></div>
            <p>以客户需求为导向，以客户价值为目标，一客户满意为标准<br>坚持变革，倡导创新，持续成长。快速反应，快速决策，快速行动<br>企业与员工共同成长，专注主营业务。</p>
        </div>
    <!-- 关于我们结束 -->

    <!-- 地图开始 -->
        <div class="map center">
            <div class="map-2 row text-center">
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="map-3"><img src="images/content-tel.png" alt=""></div>
                        <p>电话：028-67871937</p>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="map-3"></div>
                        <p>地址：成都市高新区菁蓉国际广场4栋5楼A15</p>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4">
                        <div class="map-3"><img src="images/content-em.png" alt=""></div> 
                        <p>邮箱：kefu@xfc123.com</p>
                    </div>
            </div>
        </div>
        
       
        
       
    <!-- 地图结束 -->
</body>
</html>